<link rel="stylesheet" href="http://www.12301.cc/tpl/orderquery/libs/bootstrap-datetimepicker.css"/>
<link rel="stylesheet" href="http://www.12301.cc/tpl/orderquery/css/orderquery.css"/>
<script type="text/javascript">
    document.title="票付通-订单查询";
    $("body").addClass("layout_2");
</script>
<input name="" id="isAdmin" value="<?=$_SESSION['sid']==1?1:0?>" type="hidden"/>
<div id="myRight" class="myRight">
    <div id="filterWrap" class="filterWrap">
        <div class="ui-h1">订单查询</div>
        <div class="filterCon">
            <div class="line clearfix">
                <div class="mluSelectBox">
                    <div id="time_select_box" data-param="time_type" data-val="" class="lt">
                        <span class="t"></span>
                        <span class="triBtn"><i class="iconfont down">&#xe673;</i><i class="iconfont up">&#xe695;</i></span>
                    </div>
                    <div class="rt ui-radius ui-shadow time">
                        <div id="datetimepicker_begin" class="calcadBox left date input-group">
                            <input id="btimeInp" data-param="btime" readonly class="t form-control" type="text"/>
                            <span class="triBtn input-group-addon"><i class="iconfont">&#xe65b;</i></span>
                        </div>
                        <span class="zhi">-</span>
                        <div id="datetimepicker_end" class="calcadBox right date input-group">
                            <input id="etimeInp" data-param="etime" readonly class="t form-control datepickerinput" type="text"/>
                            <span class="triBtn input-group-addon"><i class="iconfont">&#xe65b;</i></span>
                        </div>
                    </div>
                </div>
                <div id="timeNodeBox" class="timeNodeBox">
                    <a class="timenode clear ui-link clear" href="javascript:void(0)">清除</a>
                    <a class="timenode ui-link yestoday" href="javascript:void(0)">昨天</a>
                    <a class="timenode ui-link today" href="javascript:void(0)">今天</a>
                    <a class="timenode ui-link week" href="javascript:void(0)">本周</a>
                    <a class="timenode ui-link prevWeek" href="javascript:void(0)">上周</a>
                    <a class="timenode ui-link month" href="javascript:void(0)">本月</a>
                    <a class="timenode ui-link prevMonth" href="javascript:void(0)">上月</a>
                </div>
            </div>
            <div class="line clearfix">
                <div class="mluSelectBox keyword">
                    <div id="name_select_box" data-param="select_type" data-val="" class="lt ">
                        <span class="t"></span>
                        <span class="triBtn"><i class="iconfont down">&#xe673;</i><i class="iconfont up">&#xe695;</i></span>
                    </div>
                    <div class="rt">
                        <a id="clearSearchBtn" class="clearSearchBtn" href="javascript:void(0)"><i class="iconfont">&#xe674;</i></a>
                        <input class="keywordInp ui-textInp ui-radius ui-shadow" value="" type="text" name="select_text" data-param="select_text" id="keywordInp"/>
                    </div>
                </div>
                <a href="javascript:void(0)" id="searchBtn" class="searchBtn ui-radius">搜索</a>
            </div>
            <div id="filter_radioGroup_line" class="line clearfix radioGroup">
                <span class="lt">订单状态：</span>
                <span class="radioGroup"><input data-param="pmode" data-val="0" type="radio" name="pmode" id="pmode_0"/><label for="pmode_0">未支付</label></span>
                <span class="radioGroup"><input data-param="pmode" data-val="1" type="radio" name="pmode" id="pmode_1"/><label for="pmode_1">未验证</label></span>
                <span class="radioGroup"><input data-param="pmode" data-val="2" type="radio" name="pmode" id="pmode_2"/><label for="pmode_2">已验证</label></span>
                <span class="radioGroup"><input data-param="pmode" data-val="3" type="radio" name="pmode" id="pmode_3"/><label for="pmode_3">已过期</label></span>
                <span class="radioGroup"><input data-param="pmode" data-val="4" type="radio" name="pmode" id="pmode_4"/><label for="pmode_4">已取消</label></span>
            </div>
        </div>
    </div>
    <ul style="display:none" id="sortBar" class="sortBar clearfix">
        <li class="sortItem bookingtime" data-orderby="1" data-sort="0">
            <span class="t">下单时间</span>
            <i class="iconfont up">&#xe6b7</i>
            <i class="iconfont down">&#xe6b4</i>
        </li>
        <li class="sortItem checktime" data-orderby="3" data-sort="0">
            <span class="t">验证时间</span>
            <i class="iconfont up">&#xe6b7</i>
            <i class="iconfont down">&#xe6b4</i>
        </li>
        <li id="exportExeclBtn" class="exportExeclBtn">
            <img class="excelIcon" src="http://www.12301.cc/tpl/orderquery/images/excel2.png" alt=""/>
            <a href="javascript:void(0)">导出数据</a>
        </li>
    </ul>
    <table id="orderTable" class="table orderTable">
        <thead>
            <th class="col col_1 alignLeft">票信息</th>
            <th class="col col_2 alignLeft">取票人</th>
            <th class="col col_3 alignLeft">供应商/分销商</th>
            <th class="col col_4 alignLeft">总金额(元)/支付方式</th>
            <th class="col col_5">状态</th>
            <th class="col col_6">操作</th>
        </thead>
        <tbody id="resultListUl"></tbody>
    </table>
    <div style="display:none" id="navigationBar" class="navigationBar">
        <div class="navCon">
            <a id="nextPageBtn" href="javascript:void(0)" class="navBtn next disable"><span class="iconfont">&#xe60d;</span></a>
            <a id="prevPageBtn" href="javascript:void(0)" class="navBtn prev disable"><span class="iconfont">&#xe60c;</span></a>
            <div class="which">
                <span id="whichPageInp" class="whichPageInp pagenum">1</span>
                <span class="var"> / </span>
                <span id="totalPageInp" class="totalPageInp pagenum">1</span>
            </div>
        </div>
    </div>
</div>
<ul id="timeSelectPop" class="timeSelectPop time selectPop ui-border">
    <li class="select-item" data-param="time_type" data-val="1">下单时间</li>
    <li class="select-item" data-param="time_type" data-val="2">使用有效期</li>
    <li class="select-item" data-param="time_type" data-val="3">验证时间</li>
</ul>
<ul id="nameSelectPop" class="nameSelectPop name selectPop ui-border">
    <li class="select-item" data-param="select_type" data-val="1">订单号</li>
    <li class="select-item" data-param="select_type" data-val="2">产品名称</li>
    <li class="select-item" data-param="select_type" data-val="5">远程订单号</li>
    <li class="select-item" data-param="select_type" data-val="4">取票人姓名</li>
    <li class="select-item" data-param="select_type" data-val="6">取票人手机</li>
    <li class="select-item" data-param="select_type" data-val="3">供应商/分销商</li>
</ul>
<div id="distorSelectPop" class="distorSelectPop distor selectPop ui-border"></div>
<? include "tpl/tpl.html" ?>
<? include("tpl/dialog/dialog.html");?>
<script id="modTicDiaTpl" type="text/template">
    <div class="modTicketDialogCon">
        <p class="tip" style="padding:5px 0 0 23px; color:red">* 只能在原票数基础上减少票数</p>
        <form id="ticModForm" action="" method="post">
            <input id="modifyTicket_ordernum_hidInp" name="ordernum" value="" type="hidden"/>
            <ul id="ticModListUl" class="tlist"><%=ticketList%></ul>
        </form>
        <div class="btnGroup"><a id="dialog-yes-btn" class="btn modify modifyBtn" href="javascript:void(0)">修改</a><a class="btn cannel cannelModifyBtn" href="javascript:void(0)#">取消</a></div>
    </div>
</script>
<script id="modTicDiaList" type="text/template">
    <li class="ticketLi">
        <span class="tname"><%=tname%></span>
        <span class="countWrap">
             <input class="numInp" <%=readonly%> type="text" data-tid="<%=tid%>" name="tids[<%=tid%>]" id="" data-max="<%=tnum%>" data-min="1" value="<%=tnum%>"/>
             <% if(readonly==""){ %>
                <a href="javascript:void(0)" class="minuBtn numBtn"><i class="iconfont">&#xe67a;</i></a>
             <% }else{ %>
                 <a href="javascript:void(0)" class="minuBtn numBtn disable"><i class="iconfont">&#xe67a;</i></a>
             <% } %>
             <a href="javascript:void(0)" class="addBtn numBtn disable"><i class="iconfont">&#xe653;</i></a>
        </span>
    </li>
</script>
<style type="text/css">
    #PFT_dialogWrap .dialog-con{ padding:0;}
    #ticModListUl{ padding:5px 0 5px 0;}
    #ticModListUl li{ position:relative; overflow:hidden; padding:12px 20px 12px 20px; border-bottom:1px solid #dbdbdb}
    #ticModListUl li:last-child{ border-bottom:0 none}
    #ticModListUl .tname{ display:block; float:left; width:120px; height:36px; line-height:36px; overflow:hidden;}
    #ticModListUl .countWrap{ display:block; float:left; position:relative; width:50px; padding:0 35px; margin-top:1px}
    #ticModListUl .countWrap .numInp{ display:block; height:32px; width:100%; padding:0; line-height:22px; border:1px solid #dbdbdb; border-radius:3px; text-align:center; background:#fff;
        -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,.075);
        -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,.075);
        -ms-box-shadow:inset 0px 1px 1px rgba(0,0,0,.075);
        -o-box-shadow:inset 0px 1px 1px rgba(0,0,0,.075);
        box-shadow:inset 0px 1px 1px rgba(0,0,0,.075);
        line-height:32px\9;
    }
    #ticModListUl .countWrap .numBtn{ position:absolute; top:1px; display:block; width:32px; height:32px; line-height:32px; text-align:center; color:#fff; background:#2a98da; border-radius:3px;}
    #ticModListUl .countWrap .numBtn .iconfont{ font-size:12px}
    #ticModListUl .countWrap .numBtn:hover{ text-decoration:none}
    #ticModListUl .countWrap .numBtn.addBtn{ right:-2px;}
    #ticModListUl .countWrap .numBtn.minuBtn{ left:0;}
    #ticModListUl .countWrap .numBtn.disable{ background:#dbdbdb; color#fff; cursor:default}
    .modTicketDialogCon .btnGroup{ border-top:1px solid #dbdbdb; text-align:center; background:#fcfcfc}
    .modTicketDialogCon .btnGroup .btn{ display:inline-block; width:50%; height:45px; line-height:45px; padding:0; border:0 none; color:#2a98da; font-size:14px; border-left:1px solid #dbdbdb}
    .modTicketDialogCon .btnGroup .btn:hover{ text-decoration:none; background:#f7f7f7}
    .modTicketDialogCon .btnGroup .btn:first-child{ border-left:0 none; margin-left:-1px}
</style>
<script type="text/javascript" src="http://wx.12301.cc/public/js/plugins/underscore-min.js"></script>
<script type="text/javascript" src="http://www.12301.cc/tpl/orderquery/libs/bootstrap.min.js"></script>
<script type="text/javascript" src="http://www.12301.cc/tpl/orderquery/libs/moment.min.js"></script>
<script type="text/javascript" src="http://www.12301.cc/tpl/orderquery/libs/local.js"></script>
<script type="text/javascript" src="http://www.12301.cc/tpl/orderquery/libs/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="http://www.12301.cc/tpl/orderquery/js/build/v1/orderquery.all.v.0.1.js"></script>
